<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="__PUBLIC__/static/admin/i/favicon.ico">
<title>后台登录</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/static/admin/login/css/style.css" tppabs="css/style.css">
<style>
body{height:100%;background:#16a085;overflow:hidden;}
canvas{z-index:-1;position:absolute;}
</style>
<script src="__PUBLIC__/static/admin/js/jquery.min.js"></script>
<script src="__PUBLIC__/static/admin/login/js/Particleground.js" tppabs="js/Particleground.js"></script>
<script>
$(document).ready(function() {
  $('body').particleground({
    dotColor: '#5cbdaa',
    lineColor: '#5cbdaa'
  });
});
</script>
</head>
<body><canvas class="pg-canvas" width="1366" height="671"></canvas>
<form method="post">
<dl class="admin_login">
 <dt>
  <strong>站点后台管理系统</strong>
  <em>Management System</em>
 </dt>
 <dd class="user_icon">
  <input type="text" placeholder="账号" name="username" id="username" class="login_txtbx">
 </dd>
 <dd class="pwd_icon">
  <input type="password" placeholder="密码" name="password" id="password" class="login_txtbx">
 </dd>
 <dd class="val_icon">
  <div class="checkcode">
    <input id="verify" type="text" id="J_codetext" placeholder="验证码" maxlength="4" class="login_txtbx">
    <img src="__CONTROLLER__/verify" style="
    float: right;
    width: 49%;
    height: 42px;" onclick="this.src='__CONTROLLER__/verify/'+Math.random()" id="verifyImg">
  </div>
 </dd>
 <dd>
  <input type="submit" value="账号登陆" class="submit_btn">
 </dd>
 <dd>
 </dd>
</dl>
</form>
<script src="__PUBLIC__/static/layer/layer.js"></script>
<script type="text/javascript">
  $('form').submit(function(){
    $.post('__SELF__',{'username':$('#username').val(),'password':$('#password').val(),'verify':$("#verify").val()},function(res){
      if(res.status){
        layer.closeAll();
        layer.msg(res.msg);
        location.href='__MODULE__/index/index';
      }else{
        $("#verifyImg").attr('src', '__CONTROLLER__/verify/'+Math.random());
        layer.alert(res.msg,{icon:5});
      }
    });
    return false;
  })
</script>

</body></html>